.draggable { 
	background-color: #FFEC8B;
	border: 1px solid #CCC;
	border-right: 0;
	border-top: 0;
	width: 136px; 
	height: 101px; 
	padding: 0.5em; 
	float: left; 
	font-family: Tahoma,Geneva,Kalimati,sans-serif!important;
	font-weight: bold;	
	margin: 1px 2px 2px 0; 
}

.draggable p {
	font-size: 13px;
	height: 85px;
	padding:0;
	margin: 1px;
}

.droppable {
	width: 430px;
	min-height: 258px; 
	padding: 0.5em; 
	float: left;
	margin: 10px; 	
}

table#tasks th, table#tasks td{
	border: 1px solid black;
}

table#tasks td{
	vertical-align: top;
}

.sortable{
	float:left;
	margin: 2px; 
	padding: 2px; 
}

.sortable .task { 
	padding: 2px;
	float: left;	
}

.sortable .draggable{	
	position:relative;
}

.draggable-content{
	font-family:'Lucida Grande', Verdana; font-size:0.8em; line-height:1.5em;
}
.sortable  .placeholder{
	background: #f0f0f0;	
	border:1px dashed #ddd;
}

.taskFooter {
	font-size: 10px;
}

.taskFooter .taskBegin{
	float: left;
	color: green;
	margin-right: 10px;
}

.taskFooter .taskEnd{
	float: left;	
	color: red;
}

.taskFooter .taskResponsible{
	float: right;
}